<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="./bootstrap.min.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./animate.min.css">
    <style>
        /* @media screen and (min-width:630px) and (max-width:830px){
            
        } */
    </style>
</head>
<body>
    <div class="box">
        <nav class="navbar navbar-inverse navbar-bottom">
            <div class="container-fluid nav-body">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
            </div>
        
            <div class="collapse navbar-collapse nav-r" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                <li>
                    <img src="./images/logo.png" class="logo" alt="">
                </li>
                <li class="active"><a href="./index.html">首页 <span class="sr-only">(current)</span></a></li>
                <li><a href="./laya家族.html">Laya家族</a></li>
                <li><a href="./game.html">游戏</a></li>
                <li><a href="./new.html">新闻动态</a></li>
                <li><a href="./about.html">关于我们</a></li>
                <ul class="nav navbar-nav navbar-right">
                <!-- <li><a href="#">Link</a></li> -->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                    <li><a href="#">Action</a></li>
                    <li><a href="#">Another action</a></li>
                    <li><a href="#">Something else here</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
                </ul>
            </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <section>
            <div class="backgroundfather">
                <img class="slider" src="./images/slider.png" alt="">
            </div>
        </section>
        
        <!-- three -->
        <div class="layaflash">
            <div class="layaflashbox">
                <div class="layaflashleft  ">
                    <div class="laya-txt1 wow zoomInDown animate__animated animate__backInRight" style="visibility: visible; animation-duration: 2s; animation-name: zoomInDown;">LayaFlash 引擎</div>
                    <div class="laya-txt2 wow zoomInDown animate__animated animate__backInRight" data-wow-delay=".5s" style="visibility: visible; animation-duration: 2s; animation-name: zoomInDown;">让Flash计数变成开发HTML5产品的利器</div>
                    <div class="laya-flex  wow zoomInDown animate__animated animate__fadeIn" data-wow-duration="2s">
                        <div class="laya-flexbox">
                            <div class="laya-fb01">
                                <div class="l-fb01img"></div>
                                <div class="l-fb01txt"><h4>快速让Flash产品转换</h4>Flash页游、手游仅需1个人7天即可转换为HTML5和APP游戏</div>
                            </div>
                            <div class="laya-fb01">
                                <div class="l-fb01img"></div>
                                <div class="l-fb01txt"><h4>快速让Flash产品转换</h4>Flash页游、手游仅需1个人7天即可转换为HTML5和APP游戏</div>
                            </div>
                        </div>
                        <div class="laya-flexbox">
                            <div class="laya-fb01">
                                <div class="l-fb01img"></div>
                                <div class="l-fb01txt"><h4>快速让Flash产品转换</h4>Flash页游、手游仅需1个人7天即可转换为HTML5和APP游戏</div>
                            </div>
                            <div class="laya-fb01">
                                <div class="l-fb01img"></div>
                                <div class="l-fb01txt"><h4>快速让Flash产品转换</h4>Flash页游、手游仅需1个人7天即可转换为HTML5和APP游戏</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layaflashright">
                    <img  src="./images/phone.png" alt="">
                </div>
            </div>
        </div>

        <!-- four -->
        <div class="layaflash layaflash2">
            <div class="layaflashbox layaflashbox767 wow zoomInDown animate__animated animate__fadeIn" data-wow-duration="2s">
                <div class="lgreenimg"></div>
                <div class="rgreenbox">
                    <div class="rgboxtxt1">Layabox 优势</div>
                    <div class="rgbox02">
                        <div class="rgbimg"></div>
                        <div class="rgbtxt">快速上手，Flash程序员3小时掌握HTML5开发</div>
                    </div>
                    <div class="rgbox02">
                        <div class="rgbimg"></div>
                        <div class="rgbtxt">快速上手，Flash程序员3小时掌握HTML5开发</div>
                    </div>
                    <div class="rgbox02">
                        <div class="rgbimg"></div>
                        <div class="rgbtxt">快速上手，Flash程序员3小时掌握HTML5开发</div>
                    </div>
                    <div class="rgbox02">
                        <div class="rgbimg"></div>
                        <div class="rgbtxt">快速上手，Flash程序员3小时掌握HTML5开发</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- five -->
        <div class="layaflash layaflash3">
            <div class="layaflashbox layaflashbox2">
                <div class="lbluetitle wow zoomInDown animate__animated animate__fadeInUp" >Layabox产品家族</div>
                <div class="bbluebox">
                    <div class="bbl">
                        <div class="bbl01 wow zoomInDown animate__animated animate__fadeInUp">
                            <div class="bbl01img">
                                <img src="./images/layaair.png" alt="">
                            </div>
                            <div class="bbl01txt">
                                <h3>LayaAir</h3>
                                核心库仅100k左右的新一代HTML5引擎，支持A53\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
                            </div>
                        </div>
                        <div class="bbl01 wow zoomInDown animate__animated animate__fadeInUp">
                            <div class="bbl01img">
                                <img src="./images/layaair.png" alt="">
                            </div>
                            <div class="bbl01txt">
                                <h3>LayaAir</h3>
                                核心库仅100k左右的新一代HTML5引擎，支持A53\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
                            </div>
                        </div>
                        <div class="bbl01 wow zoomInDown animate__animated animate__fadeInUp">
                            <div class="bbl01img">
                                <img src="./images/layaair.png" alt="">
                            </div>
                            <div class="bbl01txt">
                                <h3>LayaAir</h3>
                                核心库仅100k左右的新一代HTML5引擎，支持A53\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
                            </div>
                        </div>
                        
                    </div>
                    <div class="bbl">
                        <div class="bbl01 wow zoomInDown animate__animated animate__fadeInUp">
                            <div class="bbl01img">
                                <img src="./images/layaair.png" alt="">
                            </div>
                            <div class="bbl01txt">
                                <h3>LayaAir</h3>
                                核心库仅100k左右的新一代HTML5引擎，支持A53\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
                            </div>
                        </div>
                        <div class="bbl01 wow zoomInDown animate__animated animate__fadeInUp">
                            <div class="bbl01img">
                                <img src="./images/layaair.png" alt="">
                            </div>
                            <div class="bbl01txt">
                                <h3>LayaAir</h3>
                                核心库仅100k左右的新一代HTML5引擎，支持A53\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
                            </div>
                        </div>
                        <div class="bbl01 wow zoomInDown animate__animated animate__fadeInUp">
                            <div class="bbl01img">
                                <img src="./images/layaair.png" alt="">
                            </div>
                            <div class="bbl01txt">
                                <h3>LayaAir</h3>
                                核心库仅100k左右的新一代HTML5引擎，支持A53\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>

        <!-- six -->
        <div class="layaflash layaflash4">
            <div class="layaflashbox layaflashbox2">
                <div class="gametxt wow zoomInDown animate__animated animate__fadeInLeft">
                    <h1>采用Laybox引擎的精彩游戏</h1>
                    更多
                </div>
                <div class="gamebox">
                    <div class="gb-l wow zoomInDown animate__animated animate__fadeInDown"><img src="./images/game.png" alt=""></div>
                    <div class="gb-rbox wow zoomInDown animate__animated animate__fadeInDown">
                        <div class="gb-r">
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>

                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                            <div class="game01">
                                <div class="game01img"><img src="./images/game01.png" alt=""></div>
                                <div class="game01txt">猎刃2</div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>

        <!-- seven -->
        <div class="layaflash layaflash5">
            <div class="layaflashbox layaflashbox3">
                <div class="partner01 wow zoomInDown animate__animated animate__fadeInDown"  data-wow-duration="1.5s">合作伙伴<span style="font-size: 10px; color: #939393;">(排序不分先后)</span></div>
                <div class="partner02 wow zoomInDown animate__animated animate__fadeInDown"  data-wow-duration="1.5s">
                    <div class="partner02-1">
                        <div class="parbox">
                            <div class="par01">
                                <div class="partnerimg "><img src="./images/qq.png" alt=""></div>
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                            </div>
                            <div class="par01">
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                            </div>
                            <div class="par01">
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                            </div>
                            <div class="par01">
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                                <div class="partnerimg"><img src="./images/qq.png" alt=""></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- eight -->
        <div class="layaflash layaflash6">
            <div class="layaflashbox layaflashbox4">
                <div class="phonenum">
                    <div class="pmtxt">
                        <div class="pmtxt01">公司简介 联系方式 人才招聘</div>
                        <div class="pmtxt02">All Copyright Reserved by Layabox Inc.京1CP备15008263号-1</div>
                    </div>
                    <div class="pmimg">
                        <div class="pmimg01"><img src="./images/email.png" alt=""></div>
                        <div class="pmimg01"><img src="./images/email.png" alt=""></div>
                        <div class="pmimg01"><img src="./images/email.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
    </div>  
    
</body>
</html>

<script src="./jquery.min.js"></script>
<script src="./bootstrap.min.js"></script>
<script src="./wow.min.js"></script>

<script>
    new WOW().init();
</script>